<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/zcm-main.css">
		<style>
			.cancel{
				width: 120px;
				height: 50px;
				background: #F5F5F5;
				border: 1px solid #CCCCCC;
				opacity: 1;
				color: #999999;
				border-radius: 5px;
				font-size: 20px;
				outline: none;
			}
			.ok{
				width: 120px;
				height: 50px;
				background: #1A7DFF;
				opacity: 1;
				color: #FFFFFF;
				font-size: 20px;
				border-radius: 5px;
				border: 0px;
				outline: none;
				margin-left: 20px;
			}
			.content{
				color: #333333;font-size: 22px;text-align: center;margin-top: 40px;white-space: pre-line;
			}
		</style>

		<script type="text/javascript" src="js/jquery-3.6.0.js"></script>
		<script>
			var okCallbck;
			var cancelCallbck;
			$(document).ready(function() {
				$("#close").click(function() {
					var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
					parent.layer.close(index);
				});

				$(".cancel").click(function() {
					var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
					parent.layer.close(index);
					if (cancelCallbck != undefined) {
						cancelCallbck();
					}
				});

				$(".ok").click(function() {
					var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
					parent.layer.close(index);
					if (okCallbck != undefined) {
						okCallbck();
					}
				});
			});

			function setTitle(title) {
				$("#title").text(title);
			}

			function setMessage(message) {
				$("#message").text(message);
			}

			function setCancel(name, callback) {
				$(".cancel").text(name);
				cancelCallbck = callback;
			}

			function setConfirm(name, callback) {
				$(".ok").text(name);
				okCallbck = callback;
			}

			function setSingleButton() {
				$(".cancel").hide();
			}
		</script>
	</head>
	<body>
		<div class="flex flex-row j-sb a-center" style="width: 100%;height: 70px;background-color: #EEEEEE;">
			<a id="title" style="margin-left: 40px;color: #333333;font-size: 24px;font-weight: bold;">系统提示</a>
			<img id="close" src="img/dialog_close.png" style="width: 29px;height: 29px;margin-right: 40px;" />
		</div>
		<div style="width: 100%;height: 1px;background-color: #D9D9D9;"></div>
		<div id="message" class="content">请确认是否立即开具处方？</div>
		<div class="position-absolute" style="width: 100%;height: 1px;background-color: #E6E6E6;bottom: 100px;"></div>
		<div class="flex flex-row position-absolute" style="bottom: 30px;right: 40px;">
			<button class="cancel">取消</button>
			<button class="ok">确定</button>
		</div>
	</body>
</html>
